<!doctype html>
<html lang="zh-Hans-CN">

<head>
	<title>ajax与后台php的数据交互</title>
	<meta charset="utf-8">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="author" content="chen">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">
	<!--<link rel="stylesheet" type="css/text" media="screen and ( min-width: 1200px )" href="">-->
	<link rel="stylesheet" type="text/css" media="screen" href="">
	<script defer="defer" src=""></script>
	<style>
		/*@import url("css/name.css") screen and ( min-width: 1200px );*/
	</style>
</head>

<body>
	
</body>

<script>
	// 创建http请求
	const xhr = new XMLHttpRequest();
	xhr.onload = function() {
		if( xhr.readyState == 4 && xhr.status == 200) {
			// 将请求到的数据 -> xhr.response 打印在控制台
			console.log( xhr.response );
		}
		// 如果请求地址是服务器, 会遇到跨域请求问题
		// 解决办法是给浏览器创建一个快捷方式并在属性-目标中添加" --disable-web-security --user-data-dir=本地的一个文件夹地址(用来存放用户数据)"
		// 仅限于测试使用
		// 跨域问题的正确解决方法是在后端设置请求头, 请在./data.php中查看
		xhr.open('get', './data.php', true);
		xhr.send();
	}
</script>

</html>